<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/fuben.css">
    <script src="JS/public.js"></script>
</head>
<body>
    <div id="box">
        <div id="hd">
            <ul id="ul">
                <li class="current">
                    <span class="txt3">精选</span>
                    <span class="txt4">猜你喜欢</span>
                    <!--<span class="fengge"></span>-->
                </li>
                <li>
                    <span>智能先锋</span>
                    <span>3C家电</span>
                </li>
                <li>
                    <span>居家优品</span>
                    <span>居家日用</span>
                </li>
                <li>
                    <span>生活百货</span>
                    <span>百货生鲜</span>
                </li>
                <li>
                    <span>时尚达人</span>
                    <span>美妆穿搭</span>
                </li>
            </ul>
        </div>
        <script>

        </script>
        <div class="nominate-in-b-b" id="bd">
            <ul class="current">
                <li>
                    <a href="###">
                        <img src="images/nominate1.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate2.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate3.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate4.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate6.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="###">
                        <img src="images/nominate15.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate14.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate13.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate12.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate11.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="###">
                        <img src="images/nominate16.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate17.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate18.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate19.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate20.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="###">
                        <img src="images/nominate21.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate22.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate23.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate24.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate25.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="###">
                        <img src="images/nominate21.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate22.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate23.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate24.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
                <li>
                    <a href="###">
                        <img src="images/nominate25.webp" alt="">
                        <p>缔晶 生日礼物女生抖音同款投影项链送女友女朋友闺蜜老婆结婚纪念日情人节礼物创意礼品浪漫永生玫瑰花礼盒 【玫瑰礼盒】投影项链D695</p>
                        <div class="money">
                            <i>￥</i>
                            <span>158.00</span>
                        </div>
                        <div class="coupon">
                            卷
                        </div>
                    </a>
                    <div class="hide">
                        <div class="hide-resemble">
                            <i class="sprite3"></i>
                            <span>找相似</span>
                        </div>
                    </div>
                    <div class="close"></div>
                </li>
            </ul>
        </div>
    </div>
    <script>
    var box = my$("box");
    var hd = box.getElementsByTagName("div")[0];
    var bd = box.getElementsByTagName("div")[1];
    var list = hd.getElementsByTagName("li");
    var lists = my$("ul").children;
    var ulObj = bd.getElementsByTagName("ul");
    // console.log(lists[0].children);
    // console.log(lists[1].children);
    // console.log(lists[2].children);
    // console.log(lists[3].children);
    // console.log(lists[4].children);
    for(var i=0;i<list.length;i++) {
        list[i].setAttribute("index", i);
        list[i].onclick = function () {
            //lists[0] = my$("ul").children[0].children[0];
            for (var j = 0; j < lists.length; j++) {
                //list[j].children.removeAttribute("class");
                lists[j].children[0].removeAttribute("class");
                lists[j].children[1].removeAttribute("class");
            }
            this.children[0].className = "txt3";
            this.children[1].className = "txt4";


            var num=this.getAttribute("index");
            for(var k=0;k<ulObj.length;k++){
                ulObj[k].removeAttribute("class");
            }
            ulObj[num].className="current";
        };
    }


    // for (var j = 0 ;j < lists.length;j++){
    //     lists[0].removeAttribute("class");
    //     lists[1].removeAttribute("class");
    // }
    // lists[0].className = "txt3";
    // console.log(lists[0]);
    //console.log(lists.firstElementChild);
    // for (var j = 0;j < lists.length;j++){
    //     lists[j].onclick = function(){
    //         lists[num].firstElementChild.removeAttribute("class");
    //     }
    // }
    // var spans1 = list1.children;
    // console.log(list1);
    // console.log(list2);
    // console.log(list3);
    // console.log(list4);
    // console.log(list5);
    // console.log(spans1);

    // var lists = my$("ul").getElementsByTagName("li");
    // console.log(lists.childNodes);
    // var spans = lists.getElementsByTagName("span")[0];
    // for (var j = 0;j < lists.length;j++){
    //     lists[j].onclick = function(){
    //         for (var i = 0;i < lists.length;i++){
    //             lists[i].removeAttribute("class");
    //         }
    //         this.className = "current";
    //     };
    // }
</script>
</body>
</html>